<style lang='less' scoped>
body{
  margin: 0px;
  
}
.login{
  position:relative;
  background-image: url(../../../images/login_background.jpg);
  background-size:100% 100%;
  width: 100vw;
  height: 100vh;
}
.login_data{
  width: 30vw;
  height: 30vh;
  margin-left:50vw;
  margin-top: 34vh;
}
.zhuce_data{
  width: 30vw;
  margin-left:50vw;
  margin-top: 15vh;
  height: 50vh;
}
.lianjie{
  position: absolute;
  color: white;
  font-size: 1vw;
  width: 100%;
  top:90vh;
  text-align:center;
  cursor:pointer;
}

.lja:hover{ color: blue;}
</style>
<template>
  <div class="login">
    <div style="height:1px;"></div>
    <LoginData v-show="type == 1" class="login_data" @zhuce="downzhuce" @denglu="dengluok"></LoginData>
    <ZhuceData v-show="type == 2" class="zhuce_data" @zhuce="downzhuce"></ZhuceData>
    <div style="color:white" class="lianjie">
      <a class="lja" > 关于我们 </a>|
      <a class="lja" > 联系我们 </a>|
      <a class="lja" @click="lianjie('http://www.knoya.com//')"> 卡诺亚官网 </a>|
      <a class="lja" @click="lianjie('https://erp.knoya.com/')"> 卡诺亚ERP </a>|
      <a class="lja" > 卡诺亚设计软件 </a>|
      <a class="lja" > 天猫旗舰店 </a>
    </div>
  </div>
</template>

<script>


import LoginData from './login_data'
import ZhuceData from './zhuce'
export default {
  data() {
    return {
      type:1
    }
  },
  mounted() {

  },
  methods: {
    downzhuce(type){
      this.type = type;
    },
    lianjie(url){
      window.open(url);
    },
    dengluok(){
        this.$router.push({
          path: '/',
        });
    }
  },
  components: {
    LoginData,
    ZhuceData
  }
}
</script>
